html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    font-weight: normal;
    font-size:14px;
}

table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
a:hover{text-decoration: none !important;}
a:focus {text-decoration: none!important;}
fieldset,img{border:0}
ol,ul{list-style:none}

.w-100{width:100%; height:auto; overflow:hidden;}
.w-1260{width:1200px; margin:0 auto; overflow:hidden;}
.w-1260-1{width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:55px;}
.mt-60{ margin-top:55px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:60px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-120{ margin-top:100px;}

.clearfix:after {content:""; display: block; clear:both; }

.padding0{padding:0px;}
.padding3{padding:0 3px;}
.padding8{padding:0 8px;}
.padding-8{padding-right: 3px;padding-left:3px;}
.padding-15{padding:0 -15px !important;}
.padding3-sm{padding:0 3px;}
.padding-r-0{padding-right:0px;}
.padding-5-xs{}
.padding15{
  padding:15px;
}
.padding0-sm15{padding:0px;}
.padding15-8{
  padding:15;
}
.case-padding{
  padding:5px;
}

#w-80{margin:0 auto;width: 80%;overflow: hidden;}
#w-90{margin:0 auto;width: 90%;overflow: hidden;}
#w-1260{margin:0 auto;width: 1260px;overflow: hidden;}
#w-1260-1{margin:0 auto;width: 1260px;}
#pro-w{margin:0 auto;width: 80%;overflow: hidden;}
.p-img{width: 100%;}

/*====================top====================*/
.top-bg{
  width: 100%;
  height: 97px;
  position: fixed;
  top:0px;
  left:0px;
  z-index: 111111;
  background: rgb(255,255,255,0.2);
  ilter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
  transition: all 0.3s;
}
.top-bg-hover{
  background-color:#fff;
  -webkit-box-shadow: 0px 5px 8px rgba(102,102,102,0.35);
  box-shadow: 0px 5px 8px rgba(102,102,102,0.35);
  transition: all 0.3s;
}

/*====================title====================*/


/*====================middle====================*/
/*中祥样式*/
  /*标题*/

.zx-tit{
  padding: 15px 0px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}
.zx-tit .tit2-l{
  float: left;
  width: 60%;
}
.zx-tit .tit2-l h2{
  display: block;
  font-size: 22px;
  color: #373737;
  font-weight: bold;
  letter-spacing: 2px;
}
.zx-tit .tit2-l p{
  display: block;
  margin-top: 7px;
  font-size: 12px;
  color: #afafaf;
  text-transform: uppercase;
}
.zx-tit .morea a{
  display: block;
  margin-top: 25px;
  float: right;
  width: 40%;
  font-size: 14px;
  color: #343434;
  text-align: right;
  text-transform: uppercase;
}
.tit02{
  padding: 15px 0px;
  border-bottom: 1px solid #ebebeb;
  overflow: hidden;
}
.tit02 .tit2-l{
  float: left;
  width: 60%;
}
.tit02 .tit2-l h2{
  display: block;
  font-size: 22px;
  color: #373737;
  font-weight: bold;
  letter-spacing: 2px;
}
.tit02 .tit2-l p{
  display: block;
  margin-top: 7px;
  font-size: 12px;
  color: #afafaf;
  text-transform: uppercase;
}
.tit02 .morea a{
  display: block;
  margin-top: 25px;
  float: right;
  width: 40%;
  font-size: 14px;
  color: #343434;
  text-align: right;
  text-transform: uppercase;
}


/*案例展示*/
.wl-video{
  position: relative;
  border: 3px solid #1b1f2a;
  border-radius: 5px;
  overflow: hidden;
  display: block;
}
.wl-video .tu{
  width: 100%;
  overflow: hidden;
}
.wl-video .tu img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.wl-video:hover .tu img{
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.wl-video h3{
  position: absolute;
  bottom:0px;
  left:-100%;
  z-index: 10;
  display: block;
  width: 0%;
  padding:8px 0px;
  font-size: 15px;
  color: #fff;
  text-align: center;
  background-color: #ee0f0f;
  transition: all 0.3s ease-out;
}
.wl-video:hover h3 {
  left:0px;
  width: 100%;
}
/*简介*/
.about-w{
  width: 100%;
  height: 713px;
  background: url(../images/about-bg.jpg) top center no-repeat;
  overflow: hidden;
}
.about-tit h2 strong{
  display: block;
  padding-bottom: 13px;
  font-size: 35px;
  color: #ee0f0f;
  font-weight: bold;
}
.about-r-tu{
  position: relative;
}
.about-r-tu img{
  width: 100%;
}
.about-r-tu .tita{
  position: absolute;
  top:80px;
  left:13%;
  z-index: 20;
}
.about-r-tu .tita p{
  display: block;
  font-size: 50px;
  color: #595454;
  font-weight: bold;
}
.about-r-tu .tita span{
  display: block;
  margin-top: 15px;
  font-size: 15px;
  color: #595454;
  text-transform: uppercase;
}
.about-cont{
  margin-top: 23px;
  width: 100%;
  height: 213px;
  font-size: 16px;
  color: #595454;
  line-height: 170%;
  overflow: hidden;
}
.about-cont p,
.about-cont p a,
.about-cont a{
  font-size: 16px;
  color: #595454;
  line-height: 170%;
}
/*简介优势*/
.about-ys{
  margin-top: 77px;
}
.about-ys li{
  margin-top: 10px;
  width: 83%;
  padding:23px 0px;
  border-bottom: 1px solid #FFF;
  overflow: hidden;
}
.about-ys li .a-ys-l{
  /* margin-left:15px; */
  display: inline-block;
  float: left;
  margin-right: 15px;
  width: 55px;
  height: 55px;
  background-color: #fff;
  font-size: 26px;
  color: #000;
  text-align: center;
  line-height: 55px;
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.about-ys li:hover .a-ys-l,
.about-ys li:first-child .a-ys-l
{
  /* margin-left:15px; */
  background-color: #333;
  color: #fff;
}
.about-ys li .a-ys-r{
  display: inline-block;
}
.about-ys li .a-ys-r span{
  display: block;
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.about-ys li .a-ys-r p{
  display: block;
  font-size: 26px;
  color: #fff;
  font-weight: bold;
}



.m1-bg {
    width: 100%;
    height: 81px;
    background: url(../images/bg2.jpg) top center repeat-y;
    overflow: hidden;
}
.m1-l{
  float: left;
}
.m1-l img{
  float: left;
  vertical-align: middle;
}
.m1-l p{
  display: block;
  float: left;
  line-height: 81px;
  font-size: 16px;
  color: #fff;
}
.h-gg-r {
    margin-top: 18px;
    float: right;
    width: 308px;
}
.m1-r{
  float: left;
  margin-left: 50px;
  width: 678px;
  height: 81px;
}
.m1-r a{
  display: block;
  float: left;
  margin-right: 5px;
  line-height: 81px;
  font-size: 16px;
  color: #000;
}
.h-input1{
  float: left;
  width: 226px;
  height: 40px;
  border:1px solid #dcdcdc;
  background-color: #fff;
  font-size: 14px;
  color: #666;
  line-height: 40px;
  text-indent: 15px;
}
.h-input2{
  float: right;
  width: 82px;
  height: 40px;
  background-color: #ff2d27;
  text-align: center;
  font-size: 15px;
  color: #fff;
  line-height: 40px;
}
/*标题*/
  .tit1{
    width: 100%;
    height: auto;
    background: url(../images/tit-bg1.jpg) top center no-repeat;
    overflow: hidden;
  }
  .tit1 img{
    display: block;
    margin:0 auto;
  }
  .tit1 h2{
    display: block;
    height: 50px;
    text-align: center;
    font-size: 36px;
    color: #464646;
    letter-spacing: 10px;
    font-weight: bold;
  }
  .tit1 p{
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #737373;
    letter-spacing: 0px;
  }
  .tit1 .enzi{
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    color: #666;
  }

/*分类*/
  .gl-proc{
    padding:15px 0px;
    text-align: center;
  }
  .gl-proc li{
    display: inline-block;
    text-align: -webkit-match-parent;
  }
  .gl-proc li a{
    display: inline-block;
    font-size: 17px;
    margin:3px;
    width: 130px;
    padding: 8.5px 25px;
    color: #fff;
    background-color: #ed1b24;
    border-radius: 3px;
    transition: all 0.5s;
    text-align: center;
  }
  .gl-proc li:hover a{
    background-color: #023e94;
    color: #fff;
  }
  .h-proc1-hover{
    background-color: #023e94 !important;
    color: #fff !important;
  }

  /*产品*/
.at-news3{
  padding:6px;
}
.at-news3 .tu1{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  transition: all 0.3s ease 0.1s;
  overflow: hidden;
}
.at-news3 .tu1 img{
  /*max-height: 300px;*/
  width: 100%;
  object-fit: cover;
}
.at-news3 .tu1 .upimg{
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.4s ease 0s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.at-news3 .tu1:hover .upimg{
  opacity: 1;
}
.at-news3 .tu1 .upimg .bgbox{
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  
}
.at-news3 .tu1 .upimg .stit{
  display: block;
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 10%;
  margin-top: -15px;
  color: #fff;
  z-index: 11;
  transition: all 0.3s ease-out;
}
.at-news3:hover .tu1 .upimg .stit{
  top: 40%;
}
.at-news3 .tu1 .upimg .stit img{
  width: 110px;
  height: 84px;
}
.at-news3 .tu1 .upimg .line{
  display: inline-block;
  width: 100px;
  height: 1px;
  background-color: #f2f2f2;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  transition: all 0.6s ease 0s;
}
.at-news3 .tu1:hover .upimg .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.at-news3 .tu1 .upimg .linet{
  top: 0;
}
.at-news3 .tu1 .upimg .lineb{
  bottom: 0;
}
.at-news3 .n3-tit{
  width: 100%;
  height: 100px;
  background: #efefef url(../images/n3-tu1.png) no-repeat;
  background-position-x: 0%;
  background-position-y: 0%;
  background-position: 81% 17px;
}
.at-news3 .n3-tit h3 {
  float: left;
  overflow: hidden;
  padding-left: 9%;
  width: 72%;
  line-height: 23px;
  transition: 0.5s;
  padding-top: 27px;
  font-size: 16px;
  color: #444;
  text-align: left;
}
.at-news3 .n3-tit h3 span {
    font-size: 14px;
    color: #999;
    display: block;
    max-height: 22px;
    overflow: hidden;
}
.at-news3 .n3-tit .jiantou {
  float: right;
  width: 18%;
  height: 100px;
  background: url(../images/n3-tu2.png) no-repeat 33px center;
  transition: 0.5s;
}
.at-news3 .n3-tit:hover .jiantou {
    background: url(../images/n3-tu3.png) no-repeat 43px center;
}
/*新闻1*/
.qt-news1{

}
.qt-news1 .tua{
  position: relative;
}
.qt-news1 .tua img{
  width: 100%;
}
.qt-news1 .tua .datea{
  position: absolute;
  z-index:100;
  left:50%;
  margin-left: -76px;
  bottom:0px;
  width: 152px;
  height: 52px;
  background-color: #eeeeee;
  border-radius: 5px 5px 0px 0px;
  text-align: center;
  font-size: 17px;
  line-height: 52px;
}
.qt-news1 .bt{
  margin-top: 25px;
}
.qt-news1 .bt a h3{
  display: block;
  font-size: 18px;
  color: #272f42;
  width: 100%;
  height: 43px;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  transition: all 0.3s ease-out;
}
.qt-news1:hover .bt a h3{
  color: #2086d5;
}
.qt-news1 .bt p{
  display: block;
  font-size: 15px;
  color: #272f42;
  width: 100%;
  height: 67px;
  line-height: 150%;
  text-align: left;
  overflow: hidden;
}
.qt-news2{}
.qt-news2 li{
  position: relative;
  z-index: 1;
  padding:27px 0px;
  border-bottom: 1px dashed #bfbfbf;
  overflow: hidden;
}
.qt-news2 li .n2-l{
  position: relative;
  z-index: 10;
  float: left;
  width: 23%;
  text-align: center;
}
.qt-news2 li .n2-l p{
  display: block;
  margin-top: 0px;
  font-size: 42px;
  color: #272f42;
  font-weight: bold;
  text-align: center;
}
.qt-news2 li .n2-l span{
  display: block;
  font-size: 14px;
  color: #84878d;
  text-align: center;
}
.qt-news2 li .n2-r{
  position: relative;
  z-index: 10;
  float: right;
  width: 75%;
  height: auto;
}
.qt-news2 li .n2-r a h3{
  display: block;
  font-size: 18px;
  color: #1b1b1b;
  letter-spacing: 0px;
}
.qt-news2 li .n2-r p{
  display: block;
  margin-top: 15px;
  height: 38px;
  font-size: 14px;
  color: #626262;
  line-height: 150%;
  overflow: hidden;
}
/*.qt-news2 li:first-child{
  padding-top: 0px;
}*/
.qt-news2 li:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 0px;
    height: 100%;
    background-color: #f10203;
    transition: all 0.3s ease-out;

}
.qt-news2 li:hover:before{
 width: 100%;
}
.qt-news2 li:hover .n2-l p,
.qt-news2 li:hover .n2-l span,
.qt-news2 li:hover .n2-r a h3,
.qt-news2 li:hover .n2-r p{
  color: #fff;
}

.qt-zhishi{
  padding:35px 0px;
}
.qt-zhishi .zs-tit{
  margin-bottom: 15px;
}
.qt-zhishi .zs-tit h2{
  font-size: 20px;
  color: #1b1b1b;
  font-weight: bold;
}
.qt-zhishi .zs-tit p{
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 15px;
  color: #9e9e9e;
}
.qt-zhishi li{
  padding:13px 19px; 
  margin-bottom: 15px;
  background-color: #eeeeee;
  border:1px solid #e5e5e5;
  overflow: hidden;
}
.qt-zhishi li .zh-tit{
  margin-bottom: 5px;
}
.qt-zhishi li .zh-tit .tm{
  float: left;
  width: 23px;
  height: 23px;
  background-color: #fe0000;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  font-size: 15px;
  color: #fff;
}
.qt-zhishi li .zh-tit .maohao{
  display: inline-block;
  width: 15px;
  float: left;
  font-size: 15px;
  color: #000;
}
.qt-zhishi li .zh-tit .tm-r a h3{
  display: inline-block;
  margin-top: 3px;
/*  width: 80%;*/
  float: left;
  font-size: 15px;
  color: #000;
  line-height: 120%;
}
.qt-zhishi li .zh-nr{
  margin-top: 10px;
}
.qt-zhishi li .zh-nr .tm{
  float: left;
  width: 23px;
  height: 23px;
  background-color: #1d459a;
  border-radius: 50%;
  text-align: center;
  line-height: 23px;
  font-size: 15px;
  color: #fff;
}
.qt-zhishi li .zh-nr .maohao{
  display: inline-block;
  float: left;
  width: 15px;
  font-size: 15px;
  color: #000;
}
.qt-zhishi li .zh-nr p{
  display: inline-block;
  margin-top: 3px;
  width: 80%;
  float: left;
  font-size: 15px;
  color: #5c5c5c;
  line-height: 120%;
  word-wrap:break-word;
}



/*====================end middle====================*/


/*====================foot====================*/
.foot-tb{
  border:1px solid #cbcbcb;
  padding:23px 15px;
  text-align: center;
}
.foot-tb p{
  display: block;
  margin-top: 15px;
  font-size: 24px;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.foot-tb span{
  display: block;
  margin-top: 15px;
  font-size: 15px;
  color: #181717;
  text-align: center;
}
.foot-ditu{
  width: 100%;
  height: 498px;
  background-images: url(../images/ditu.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.foot-ditu-w{
  width: 100%;
  height: 498px;
  background: url(../images/ditu-bg.jpg) top center no-repeat;
  overflow: hidden;
}
.foot-jy-lx{
  padding-left: 38px;
}
.foot-jy-lx h2{
  display: block;
  margin-bottom: 10px;
  font-size: 33px;
  color: #000;
  font-weight: bold;
}
.foot-lc p{
  display: block;
  margin-bottom: 15px;
  font-size: 18px;
  color: #ee0f0f;
  font-weight: bold;
}
.foot-lc span{
  display: block;
  margin-bottom: 15px;
  padding:8px 0px;
  border-top:1px dashed #dddddd;
  border-bottom:1px dashed #dddddd;
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.foot-cont{
  
}
.foot-cont p.bta{
  display: block;
  margin:10px 0px;
  font-size: 17px;
  color: #010101;
  line-height: 150%;
  font-weight: bold;
}
.foot-cont p.nra{
  padding-left:20px;
  display: block;
  font-size: 15px;
  color: #837e7e;
  line-height: 150%;
}


.gl-bq{
  padding:32px 15px;
  background-color: #1b1b1b;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.gl-bq img{
  display: inline-block;
  vertical-align: middle;
}
.gl-bq p,
.gl-bq p strong,
.gl-bq p p{
  color: #ffffff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  vertical-align: middle;
}
.gl-bq a{
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 24px;
}

/*====================PC====================*/
@media only screen and (max-width: 1560px){
  #pro-w{width: 100%;}

}
@media only screen and (max-width: 1260px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #pro-w{width: 100%;}
  /*menu*/
  .header-nav .nav-list>li>a{padding:0 13px;}
  .header-nav .nav-list > li > a::after{margin-left: 12px;}

}

/*====================992====================*/
@media only screen and (max-width: 992px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #pro-w{width: 100%;}

  .padding15-8{padding:8px;}
  .header-nav .nav-list>li>a{padding:0 3px;}

  .tit02{padding:15px;}

 
  


}


/*====================手机====================*/
@media only screen and (max-width: 768px){
  #w-1260{width:100%;}
  #w-1260-1{width:100%;}
  #w-90{width: 100%;}
  #w-80{width: 100%;}
  #pro-w{width: 100%;}

  .gl-proc li a{width:auto;}
  .about-ys li .a-ys-l{margin-left:15px;}
  .about-ys li:hover .a-ys-l, .about-ys li:first-child .a-ys-l{margin-left:15px;}

  #main{margin:10px 15px 30px 15px;}
  .tit1 p{padding:0px 15px; font-size: 14px;}
  .tit1 h2{font-size: 26px; height: auto; padding-bottom: 5px;}

}


.div1{
  width: 100%;
  height: 1392px;
  background: url(../images/1.jpg) top center no-repeat;
  overflow: hidden;
}
.div2{
  width: 100%;
  height: 1371px;
  background: url(../images/2.jpg) top center no-repeat;
  overflow: hidden;
}
.div3{
  width: 100%;
  height: 608px;
  background: url(../images/3.jpg) top center no-repeat;
  overflow: hidden;
}